/* ---切换两个盒子--- */
// 方法一
// 点击登录所在盒子里面的a
/* $('.login a').on('click', function () {
  // 发生点击事件之后，让大盒子隐藏，所以不能使用环境对象this
  $('.login').hide().next().show()
  // $('.login').hide().siblings('div').show()
})

// 点击注册所在盒子里面的a
$('.register').on('click', function () {
  // prev()在目标节点中，查找上一个兄弟；next()在目标节点中，查找下一个兄弟
  $('.login').show().next().hide()
})
 */
// 方法二
$('.box a').on('click', function () {
  // $(this)表示事件源，即当前的a标签
  $(this).parents('.box').hide().siblings('.box').show()
})